﻿.clientGrid
{
    border: 1px solid #757575;
    line-height:1.3em;
}

.gridRow
{
    font-family:Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight:normal
}

.gridRow td
{
    padding-left:5px;
    padding-right:5px;
    cursor:default;
    vertical-align:middle;
    border-right: 1px solid #cccccc;
    font-family:Arial, Helvetica, sans-serif !important;
    font-size: 13px;
    height:24px;
}

.gridRow td:last
{
    border-right: 0px none transparent;
}

.gridRowMouseHover
{
    
}

.gridRowMouseHover td
{
    vertical-align:middle;
    cursor:default;
    border-right: 1px solid transparent;
    background: #ffd85f url(images/rowMouseHover.png) repeat-x;
}

.gridRowSelected
{
}

.gridRowSelected td
{
    vertical-align:middle;
    cursor:default;
    border-right: 1px solid transparent;
    background: #fed56d url(images/selectedRow.png) repeat-x !important;
    height:24px;
}

.gridRowEven
{
    background: #f4f0ee;
}

.gridRowOdd
{
}

.gridHeader
{
    font-family:Arial, Helvetica, sans-serif !important;
    font-size: 13px;
    font-weight:bold;
    height:28px;
    vertical-align:middle;
    background: white;
    color:#757575;
}

.gridHeader td,.gridHeader th
{
    padding-left: 5px;
    padding-right:5px;
    padding-bottom:3px;
    padding-top:2px;
    border-bottom: 1px solid #757575 !important;
    border-left: 1px solid #757575;
    border-right: 1px solid #cccccc;
    cursor:default;
    vertical-align:middle;
}

.gridDataPager
{
    background-color: #eff7fc;
    color:Black;
    font-family:"segoe ui",arial,sans-serif;
    font-size: 13px;
    height:32px;
}

.gridFooter
{
    background-color: #f5f5f5;
    color:Black;
    font-family:"segoe ui",arial,sans-serif;
    font-size: 13px;
    height:32px;
}

.gridDataPager td
{
    padding-left:5px;
    vertical-align:middle;
    border-top: 1px solid #ededed;
}

.gridPagerWrap
{
    float:left;
    margin-right:5px;
}

.gridDataPager input[type="button"]
{
    height:22px;
    width:22px;
    border: 0px none white;
    cursor:default;
    background-repeat:no-repeat;
}

.gridDataPagerBackButton
{
    background-image:url(images/PagingPrev.gif);
}

.gridDataPagerNextButton
{
    background-image:url(images/PagingNext.gif);
}

.gridDataPagerFirstButton
{
    background-image:url(images/PagingFirst.gif);
}

.gridDataPagerLastButton
{
    background-image:url(images/PagingLast.gif);
}

.gridSortColumn
{
    cursor:pointer !important;
    text-decoration:none;
}

.gridSortColumn:hover
{
    cursor:pointer !important;
    text-decoration:underline;
}

.gridSortAsc
{
    background-image: url(images/SortAsc.gif);
    background-repeat:no-repeat;
    display:inline-block !important;
}

.gridSortDesc
{
    background-image: url(images/SortDesc.gif);
    background-repeat:no-repeat;
    display:inline-block !important;
}

.gridSortIcon
{
    width:9px;
    height:6px;
    margin-left:3px;
    display:none;
}

.gridPagingInfo
{
    float:right; margin-right:5px;
}


.gridSortingCol
{
    background-color:#a6d9f4;
}

.gridEditButton
{
}

.gridEditRow
{
    font-family:Arial, Helvetica, sans-serif;
    font-size: 13px;
}

.gridEditCell
{
    border-top: 1px solid #3c7fb1;
    border-bottom: 1px solid #3c7fb1;
    background-color:#a6d9f4;
    padding:5px;
}

.gridImgSave
{
    background-image:url(images/Update.gif);
    background-repeat:no-repeat;
    background-color:transparent;
    display:inline-block;
    width:19px;
    height:19px;
    cursor:pointer;
    border:0px none transparent
}

.gridImgCancel
{
    background-image:url(images/Cancel.gif);
    background-repeat:no-repeat;
    background-color:transparent;
    display:inline-block;
    width:19px;
    height:19px;
    cursor:pointer;
    border:0px none transparent;
}

.gridImgEdit
{
    background-image:url(images/Edit.gif);
    background-repeat:no-repeat;
    background-color:transparent;
    display:inline-block;
    width:19px;
    height:19px;
    cursor:pointer;
    border:0px none transparent
}

.gridLnkSave
{
    text-decoration:underline;
    margin-right:5px;
    cursor:pointer;
    background-color:transparent;
    border: 0px none transparent;
}

.gridLnkCancel
{
    text-decoration:underline;
    cursor:pointer;
    background-color:transparent;
    border: 0px none transparent;
}

.gridLnkEdit
{
    text-decoration:underline;
    cursor:pointer;
    border: 0px none transparent;
    background-color:transparent;
    border: 0px none transparent;
}